<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>文章</title>
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<link rel="stylesheet" href="css/master.css" />
		<link rel="stylesheet" href="css/gloable.css" />
		<link rel="stylesheet" href="css/nprogress.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/page/layui-page.css" />
		<script type="text/javascript" src="js/constant/urls.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/utils/TimeUtils.js"></script>
		<script type="text/javascript" src="js/gloable.js"></script>
		<script type="text/javascript" src="js/plugins/nprogress.js"></script>
		<script type="text/javascript" src="js/article.js"></script>
	</head>
	<body>
		<div class="header">
		</div>
		<header class="gird-header">
			<div class="header-fixed">
				<div class="header-inner">
					<img src="image/tudo-logo.png" alt="Tudo" class="header-logo" id="logo" />
					<nav class="nav" id="nav">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="article.html">医疗科普</a></li>
							<li><a href="message.html">留言</a></li>
							<li><a href="link.html">友链</a></li>
							<li><a href="about.html">关于</a></li>
						</ul>
					</nav>
					<a href="javascript:;" class="blog-user">
						<i class="fa fa-qq"></i>
					</a>
					<a class="phone-menu">
						<i></i>
						<i></i>
						<i></i>
					</a>
				</div>
			</div>
		</header>
		<div class="doc-container" id="doc-container">
			<div class="container-fixed">
				<div class="col-content">
					<div class="inner">
						<article class="article-list bloglist" id="LAY_bloglist"></article>
					</div>
					<div id="demo2-2"></div>
				</div>
				<div class="col-other">
					<div class="inner">
						<div class="other-item" id="categoryandsearch">
							<div class="search">
								<label class="search-wrap">
									<input type="text" id="searchtxt" placeholder="输入标题文字搜索" />
									<span class="search-icon" id="query-icon">
										<i class="fa fa-search"></i>
									</span>
								</label>
								<ul class="search-result"></ul>
								<span id="count" style="display: none;">1</span>
							</div>
							<ul class="category mt20" id="category">
								<li data-index="0" class="slider"></li>
								<li data-index="1"><a href="javascript:;" class="doQuery">全部文章</a></li>
								<li data-index="2"><a href="javascript:;" class="doQuery">科文</a></li>
								<li data-index="3"><a href="javascript:;" class="doQuery">乾文</a></li>
								<li data-index="4"><a href="javascript:;" class="doQuery">源文</a></li>
							</ul>
							<span id="currType" style="display: none;">0</span>
						</div>
						<!--右边悬浮 平板或手机设备显示-->
						<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
						<div class="article-category">
							<div class="article-category-title">分类导航</div>
							<a href="javascript:;">全部文章</a>
							<a href="javascript:;">科文</a></li>
							<a href="javascript:;">乾文</a>
							<a href="javascript:;">源文</a>
							<div class="f-cb"></div>
						</div>
						<!--遮罩-->
						<div class="blog-mask animated layui-hide"></div>
						<div class="other-item">
							<h5 class="other-item-title">热门文章</h5>
							<div class="inner">
								<ul class="hot-list-article" id="hotArticle"></ul>
							</div>
						</div>
						<div class="other-item">
							<h5 class="other-item-title">置顶推荐</h5>
							<div class="inner">
								<ul class="hot-list-article" id="topArticle"></ul>
							</div>
						</div>
						<div class="other-item">
							<h5 class="other-item-title">最近访客</h5>
							<div class="inner">
								<dl class="vistor">
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/72388EA977643E8F97111222675720B1/100"><cite>Anonymous</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/342F777E313DDF5CCD6E3E707BB0770B/100"><cite>Dekstra</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EA5D00A72C0C43ECD8FC481BD274DEEC/100"><cite>惜i</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/EF18CEC98150D2442183AA30F05AAD7B/100"><cite>↙Aㄨ计划
												◆莪↘</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/3D8D91AD2BAFD36F5AC494DA51E270E6/100"><cite>.</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/B745A110DAB712A0E6C5D0B633E905D3/100"><cite>Lambert.</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/E9BA3A2499EC068B7917B9EF45C4D13C/100"><cite>64ღ</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/09F92966169272DD7DD9999E709A0204/100"><cite>doBoor</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59991D53192643A1A651383847332EB6/100"><cite>毛毛小妖</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/FF34F311DDC43E2AF63BE897BCA24F05/100"><cite>NULL</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/59AA25A7627284AE62C8E6EBDC6FE417/100"><cite>吓一跳</cite></a></dd>
									<dd><a href="javasript:;"><img src="https://thirdqq.qlogo.cn/qqapp/101465933/28B021E0F5AF0A4B9B781A24329FE897/100"><cite>如初</cite></a></dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="grid-footer">
			<div class="footer-fixed">
				<div class="copyright">
					<div class="info">
						<div class="contact">
							<a href="javascript:void(0)" class="github"><i class="fa fa-github"></i></a>
							<a href="javascript:void(0)" class="qq"" ><i class=" fa fa-qq"></i></a>
							<a href="javascript:void(0)" class="email"><i class="fa fa-envelope"></i></a>
							<a href="javascript:void(0)"><i class="fa fa-weixin"></i></a>
						</div>
						<p class="mt05">
							Copyright &copy; 2019-2020 涂圆圆 All Rights Reserved V.1.2.5
						</p>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
